<template>
  <div class="Gif-box">
    <img class="Gif" v-if="props.indexs % 2 == 0" :src="publicUrls + 'free/style13/mini.gif'" alt="" />
    <img class="Gif Gif1" v-if="props.indexs % 2 == 0" :src="publicUrls + 'free/style13/bg1.gif'" alt="" />
    <img class="Gif Gif2" v-if="props.indexs % 2" :src="publicUrls + 'free/style13/bg2.gif'" alt="" />
  </div>
</template>

<script>
export default defineComponent({
  name: 'style1',
});
</script>   

<script setup>
import { publicUrls } from '@/utils/minxin';
import { defineComponent } from 'vue';
const props = defineProps({
  indexs: {
    type: Number,
  },
});
</script>

<style lang="less" scoped>
.Gif-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  .Gif {
    position: absolute;
    top: 0;
    left: 800px;
    width: auto;
    height: auto;
    opacity: 0.2;
  }
  .Gif1 {
    height: 100%;
  }
  .Gif2 {
    height: 100%;
  }
}
</style>